<!DOCTYPE html>
<html lang="zh-cmn-Hans">
	<!--html语言属性 简体中文(繁体中文为zh-cmn-Hant，英文为en)-->

	<head>
		<!--声明文档字符编码-->
		<meta charset="utf-8">
		<!--优先使用 IE 最新版本和 Chrome-->
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
		<!--移动端配置-->
		<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
		<!--<meta http-equiv="Cache-Control" content="max-age=0">-->
		<meta http-equiv="Cache-Control:private" content="max-age=0">
		<meta name="apple-touch-fullscreen" content="yes">
		<!-- 是否启用 WebApp 全屏模式，删除苹果默认的工具栏和菜单栏 -->
		<meta name="apple-mobile-web-app-capable" content="yes" />
		<!-- 设置苹果工具栏颜色 -->
		<meta name="apple-mobile-web-app-status-bar-style" content="black" />
		<!-- 忽略页面中的数字识别为电话，忽略email识别 -->
		<meta name="format-detection" content="telephone=no, email=no" />
		<!-- 启用360浏览器的极速模式(webkit) -->
		<meta name="renderer" content="webkit">
		<!--百度禁止转码-->
		<meta http-equiv="Cache-Control" content="no-siteapp" />
		<!-- 针对手持设备优化，主要是针对一些老的不识别viewport的浏览器，比如黑莓 -->
		<meta name="HandheldFriendly" content="true">
		<!-- 微软的老式浏览器 -->
		<meta name="MobileOptimized" content="320">
		<!-- uc强制竖屏 -->
		<meta name="screen-orientation" content="portrait">
		<!-- QQ强制竖屏 -->
		<meta name="x5-orientation" content="portrait">
		<!-- UC强制全屏 -->
		<meta name="full-screen" content="yes">
		<!-- QQ强制全屏 -->
		<meta name="x5-fullscreen" content="true">
		<!-- UC应用模式 -->
		<meta name="browsermode" content="application">
		<!-- QQ应用模式 -->
		<meta name="x5-page-mode" content="app">
		<!-- windows phone 点击无高光 -->
		<meta name="msapplication-tap-highlight" content="no">
		<!--页面标题-->
		<title>浓情端午，纵情欢乐</title>
		<!--include default css-->
		<link rel="stylesheet" type="text/css" href="css/loading.css" />
		<link rel="stylesheet" type="text/css" href="css/swiper.min.css" />
		<link rel="stylesheet" type="text/css" href="css/animate.min.css" />
		<link rel="stylesheet" type="text/css" href="css/public.css" />
		<!--include default js-->
		<script src="js/jquery.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/jquery.imgpreload.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/swiper.jquery.min.js" type="text/javascript" charset="utf-8"></script>
		<!--<script src="js/loading.music.js" type="text/javascript" charset="utf-8"></script>-->
		<!--include custom css js-->
		<script type="text/javascript">
			$(document).ready(function() {
				var windowWidth = $(window).width();
				var windowHeight = $(window).height();
				var mySwiperOne, mySwiperTwo;
				// 图片预加载
				var img_list = [];
				$("div.swiper-container img").each(function() {
					img_list.push(this.src);
				});
				jQuery.imgpreload(img_list, {
					each: function() {
						//each，每次加载完一张图片后，执行此匿名函数中的代码
						//var status = $(this).data('loaded') ? 'success' : 'error';
					},
					all: function() {

						//all，当所有图片加载完毕之后，执行此函数体内的内容
						$("div.loading_container").delay(300).fadeOut(100, function() {
							$("#swiper-one").width(windowWidth).height(windowHeight).fadeIn(300, function() {
								$("#swiper-two").width(windowWidth).delay(2000).fadeIn(300, function() {

									mySwiperTwo = new Swiper('#swiper-two', {    //定义swiper
										direction: 'horizontal',    //方向
										autoplay: 5000,    //自动播放
										loop: true,     //循环
										noSwiping: true,    //禁止滑动
										noSwipingClass: 'swiping-no-swiping',
										effect: 'fade',    //滑动的效果
										onInit: function(swiper) {    //初始化函数
											swiperAnimateCache(swiper); //先清除掉swiper的缓存
											swiperAnimate(swiper); //重新调用swiper
										},
										onSlideChangeEnd: function(swiper) {     //滑动改变时函数
											swiperAnimate(swiper);   //重新调用swiper
										}
									});
									
									
									
									//这里就可以写上事件
									
									//点击二维码弹出警示框
									$(".pages01_08").on("click",function(){
										alert("敬请期待！");
									});

								});
							});
						});

					}
				});
			});
		</script>
	</head>

	<body>
		<!-- container start-->
		<div class="container">
			<!-- 微信分享logo -->
			<div class="wechat_container hide">
				<!-- <img src="images/pages_share_logo.jpg" width="100%" /> -->
			</div>
			<!-- loading_container start-->
			<div class="loading_container">
				<img class="loading_outer" src="images/loading_outer.png" width="100%" />
				<img class="loading_inner" src="images/loading_inner.png" width="100%" />
				<img class="loading_logo" src="images/loading_logo.png" width="100%" />
				<img class="loading_text" src="images/loading_text.png" width="100%" />
				<img class="loading_point" src="images/loading_point.png" width="100%" />
			</div>

			<!-- swiper-container start-->
			<!-- img[src=images/pages01_$$.png class="pages01_$$ ani" effect=fadeIn duration=1s delay=0.5s width=100%]*10 -->
			<div class="swiper-container hide" id="swiper-one">
				<div class="swiper-wrapper">
					<div class="swiper-slide swiping-no-swiping">
						<img src="images/pages01_bg.jpg" width="100%" height="100%" />
						<img src="images/pages01_01.png" class="pages01_01 abs fadeInDown animated1s delay0s" width="100%" height="100%" />
						<img src="images/pages01_02.png" class="pages01_02 abs zoomIn animated1s delay1s" width="100%" height="100%" />
						<img src="images/pages01_03.png" class="pages01_03 abs fadeInLeft animated1s delay15s" width="100%" height="100%" />
						<img src="images/pages01_04.png" class="pages01_04 abs fadeIn animated1s delay2s" width="100%" height="100%" />
						<img src="images/pages01_06.png" class="pages01_06 abs fadeInUp animated1s delay3s" width="100%" height="100%" />
						<img src="images/pages01_07.png" class="pages01_07 abs fadeInUp animated1s delay35s" width="100%" height="100%" />
						<img src="images/pages01_08.png" class="pages01_08 abs fadeInRight animated1s delay4s" />
					</div>
				</div>
			</div>
			<!-- swiper-container //end


            <!-- swiper-container start-->
			<!-- img[src=images/pages01_$$.png class="pages01_$$ ani" effect=fadeIn duration=1s delay=0.5s width=100%]*10 -->
			<div class="swiper-container hide" id="swiper-two">
				<div class="swiper-wrapper">
					<div class="swiper-slide swiping-no-swiping">
						<img src="images/pages02_bg.png" width="100%" />
						<img src="images/pages02_01.png" alt="" class="pages02_01 ani abs" effect="fadeIn" duration="1s" delay="0.5s" width="100%" />
					</div>
					<div class="swiper-slide swiping-no-swiping">
						<img src="images/pages11_bg.png" width="100%" />
						<img src="images/pages11_01.png" alt="" class="pages11_01 ani abs" effect="fadeIn" duration="1s" delay="0.5s" width="100%" />
					</div>
				</div>
			</div>
			<!--swiper-container //end-->
		</div>
		<!--container //end-->
	</body>

</html>